<!DOCTYPE html>
<html>
<head>
    <title>Home</title>
    <meta charset="UTF-8" />
    <link href="themes/2/js-image-slider.css" rel="stylesheet" type="text/css" />
    <link href="style.css" rel="stylesheet" type="text/css"/>
    <link href="menustyle.css" rel="stylesheet" type="text/css"/>
    <script src="themes/2/js-image-slider.js" type="text/javascript"></script>
</head>
<body>
	<div id="Website_Container">
				<div id="top_container">
		</div>
		<div id="menu_container">
			<ul class="menuTemplate2 decor2_1"> 
				<li><a href="index.htm">Home</a></li> 
				<li class="separator"></li> 
				<li><a href="History.htm" class="arrow">History</a> 
					<div class="drop decor2_2" style="width: 640px;"> 
						<div class='left'> <b>CSS Menu</b> 
														<b>Towns</b> 
							<div> 
								<a href="History.htm#Armley">Armley</a><br /> 
								<a href="History.htm#Headingley">Headingley</a><br /> 
								<a href="History.htm#Horsforth">Horsforth</a><br />
								<a href="History.htm#Kirkstall">Kirkstall</a><br />
								<a href="History.htm#Roundhay">Roundhay</a><br />
							</div> 
						</div>  
					</div> 
				</li> <li class="separator"></li> 
				<li>
					<a href="Attractions.htm">Attractions</a></li> 
				<li class="separator">
				</li> 
				<li>
					<a href="Events.htm">Events</a>
				</li>
				 <li class="separator">
				 </li> 
				 <li>
				 	<a href="Facilities.htm" class="arrow">Facilities</a>  
				 	</li> 
				 	<li class="separator">
				 	</li> 
				 	<li>
				 		<a href="Contact_us.htm" class="arrow">Contact Us</a> 
				 	</li>
				 	<li id="lastItem">
				 		<a href="Meet_up.htm" class"arrow">Meet Up</a>
				 	</li> 
				</ul>
		</div>
		
		
		<br />
		<br />
		<div id="container">
		    <div id="sliderFrame">
		        <div id="slider">
		            <a href="#home">
		                <img src="images/Leeds_townHall.jpg" alt="Leeds Town Hall" />
		            </a>
		            <a class="lazyImage" href="images/image-slider-2.jpg" title="Place Holder For Image of leeds">Pure JavaScript</a>
		            <a class="lazyImage" href="images/image-slider-3.jpg" title="Place Holder For Image of leeds">Image Slider</b></a>
		            <a class="lazyImage" href="images/image-slider-4.jpg" title="Place Holder For Image of leeds">Slide 4</a>
		        </div>
		        <!--thumbnails-->
		        <div id="thumbs">
		            <div class="thumb">
		                <div class="frame"><img src="images/Leeds_townHall_thumb.jpg" /></div>
		                <div class="thumb-content"><p>Town Hall</p>Leeds Town Hall in the center of Leeds</div>
		                <div style="clear:both;"></div>
		            </div>
		            <div class="thumb">
		                <div class="frame"><img src="images/thumb2.jpg" /></div>
		                <div class="thumb-content"><p>PlaceHolder</p>Place Holder for image description</div>
		                <div style="clear:both;"></div>
		            </div>
		            <div class="thumb">
		                <div class="frame"><img src="images/thumb3.jpg" /></div>
		                 <div class="thumb-content"><p>PlaceHolder</p>Place Holder for image description</div>
		                <div style="clear:both;"></div>
		            </div>
		            <div class="thumb">
		                <div class="frame"><img src="images/thumb4.jpg" /></div>
		                <div class="thumb-content"><p>PlaceHolder</p>Place Holder for image description</div>
		                <div style="clear:both;"></div>
		            </div>
		        </div>
		        <!--clear above float:left elements. It is required if above #slider is styled as float:left. -->
		        <div style="clear:both;height:0;"></div>
		    </div>
		    <br />
		    <div class="div2">
				  <p>Loidis, from which Leeds derives its name, was anciently a forested area of the Celtic kingdom of Elmet. The settlement certainly existed at the time of the Norman conquest of England and in 1086 was a thriving manor under the overlordsip of Ilbert de Lacy. It gained its first charter from Maurice de Gant in 1207 yet grew but slowly throughout the medieval and Tudor periods. The town had become part of the Duchy of Lancaster and reverted to the crown in the medieval period, so was a Royalist stronghold at the start of the English Civil War.

In the seventeenth and eighteenth centuries Leeds prospered and expanded as a centre of the woollen industry and it continued to expand rapidly in the Industrial Revolution. Following a period of post industrial decline in the mid twentieth century Leeds' prosperity revived with the development of tertiary industrial sectors.</p>
		    </div>
		  </div>
		  <div id="footer">
		  	 <p> Copyright&copy; VisitLeeds&trade;&reg; | <a href="Contact_us.htm">Contact Us</a> | <a href="#top">Go To Top</a></p>
		  </div>
	  </div>
</body>
</html>
